<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>建站招商</title>
    <link rel="stylesheet" href="../css/jianzhanzhaoshang.css">
</head>
<body>
   
    
   <!-- 导航 -->
   <div class="header">
    <div>
        <img src="../images/picture/tupain10.png" alt="Logo">
    </div>
    <div class="nav">
        <ul>
            <li><a href="">首页</a></li>
            <li><a href="">案例中心</a>
                <ul class="case-center">
                    <div class="img-container">
                        <img src="../images/picture/tupain11.jpg" class="img">
                        <img src="../images/picture/tupian12.jpg" class="img">
                        <img src="../images/picture/tupain13.jpg" class="img">
                    </div>
                    <div id="zicaidan1">
                        <li class="zicaidanli"><a href="">SEO优化</a></li>
                        <li class="zicaidanli"><a href="">SEM营销</a></li>
                        <li class="zicaidanli"><a href="">内容营销</a></li>
                    </div>
                </ul>
            </li>
            <li><a href="">SEO招商</a></li>
            <li><a href="">SEO技术</a>
                <ul class="zi">
                    <li><a href="">建站方法</a></li>
                    <li><a href="">建站方法</a></li>
                    <li><a href="">建站方法</a></li>
                    <li><a href="">建站方法</a></li>
                </ul>
            </li>
            <li><a href="">建站招商</a></li>
            <li><a href="">建站技术</a>
                <ul class="zi">
                    <li><a href="">建站方法</a></li>
                    <li><a href="">建站方法</a></li>
                </ul>
            </li>
            <li><a href="">关于我们</a></li>
            <li><a href="">联系我们</a></li>
        </ul>
    </div>
    <div id="dianhua">
        <img src="../images/picture/dian.png" alt="Phone">
    </div>
</div>
<!-- 不能删 -->
<div id="bukeshan"></div>






    <div id="background-image">     
        
        
        
        <div id="fixed">
            <span id="fixed2"></span>
            <img src="../images/picture/dianhua3.png"  width="110px"height="35px"alt="">
           
            <br>
            <img src="../images/picture/qq.png" width="20px"height="20px" alt="">
            <a href="#">官网优化</a>
            <br>
            <img src="../images/picture/qq.png" width="20px"height="20px" alt="">
            <a href="#">整站优化</a>
            <br>
            <img src="../images/picture/qq.png" width="20px"height="20px" alt="">
            <a href="#">渠道代理</a>
            <br>
            <img src="../images/picture/erweima.png" width=100px height=100px alt="">
            <a href="#">400-888-8888</a>


        </div>
        <span id="out"></span>


        <div id="side">
            <button id="scrollToTopBtn">^<br>TOP</button>
        </div>

    
    </div>


    <div id="content">
        <div id="left" style="width: 300px;">
            <div></div>
            <img src="../images/image/website_line.png" alt="">

        </div>
        <div id="center">
            <span>建设网站为什么选择我们？</span>
        </div>
        <div id="right" style="width: 300px;"> 
            <img src="../images/image/website_line.png" alt="">
            <div></div>
        </div>
    </div>


    <div id="content1">
        <div>
            <p>年</p>
            <p>行业经验</p>
        </div>  
        <div>
            <p>+</p>
            <p>服务团队</p>
        </div>
        <div>
            <p>项</p>
            <p>执行标准</p>
        </div>
        <div>
            <p>+</p>
            <p>合作客户</p>
        </div>
        <div>
            <p>*7天</p>
            <p>在线服务</p>
        </div>
    
    </div>


    <div id="content">
        <div id="left">
            <div></div>
            <img src="../images/image/website_line.png" alt="">

        </div>
        <div id="center">
            <span>产品优势</span>
        </div>
        <div id="right"> 
            <img src="../images/image/website_line.png" alt="">
            <div></div>
        </div>
    </div>

    <div id="content2">
        <div>
            <div class="top1"><br><br><p>A支持制定</p></div>
            <div class="picture"><img src="../images/picture/w_main2_3.png" alt=""></div><br>
            <div class="bottom">500套原创网站风格，支持定制<br>可满足企业个性化需求</div>
        </div>
        <div>
            <div class="top2"><br><br><p>B支持整站SEO</p></div>
            <div class="picture"><img src="../images/picture/w_main2_4.png" alt=""></div><br>
            <div class="bottom">网站充分考虑seo规则<br>高度搜索引擎友好<br>利于后期SEO优化工作的开展</div>
        </div>
        <div>
            <div class="top1"><br><br><p>C智能化后台</p></div>
            <div class="picture"><img src="../images/picture/w_main2_5.png" alt=""></div><br>
            <div class="bottom">独立开发的智能化后台管理便捷<br>可让零经验"小白"轻松手上<br>降低企业后期的管理成本</div>
        </div>
        <div>
            <div class="top2"><br><br><p>D提供源码</p></div>
            <div class="picture"><img src="../images/picture/w_main2_6.png" alt=""></div><br>
            <div class="bottom">我们郑重承诺<br>开源代码支持备份和转出<br>绝不通过网站源码来捆绑客户</div>
        </div>
        



    </div>


    <div id="content">
        <div id="left">
            <div></div>
            <img src="../images/image/website_line.png" alt="">

        </div>
        <div id="center">
            <span>产品功能</span>
        </div>
        <div id="right"> 
            <img src="../images/image/website_line.png" alt="">
            <div></div>
        </div>
    </div>

    <div id="content3">
        <div>
            <div><img src="../images/picture/w_main3_1.png" alt=""></div>
            <h2>产品展示</h2><br>
            <p>最全面的无限制的全天侯向客户展示产<br>品的细节和特征，有助于客户对产品的<br>深入了解，促成交易的形成</p>
        </div>
        <div>
            <div><img src="../images/picture/w_main3_2.png" alt=""></div>
            <h2>形象塑造</h2><br>
            <p>以企业本身为基础的网站，承载的是企<br>业最全面、最权威的信息。它在互联网<br>中的推广和传播就是一种对企业文化的<br>传播</p>
        </div>
        <div>
            <div><img src="../images/picture/w_main3_3.png" alt=""></div>
            <h2>引流推广</h2><br>
            <p>通过网站优化等方法，对官网的网站排<br>名进行提升，让用户能快速的通过官网<br>认识并了解企业</p>
        </div>
        <div>
            <div><img src="../images/picture/w_main3_4.png" alt=""></div>
            <h2>辅助营销</h2><br>
            <p>通过官网进行网络营销，将想展示给用<br>户看的产品或服务通过官网这个平台展<br>示出来，扩展企业的销售渠道</p>
        </div>



    </div>
    <div id="content4">
        <img src="../images/picture/w_main4_1.png.png" alt="">
        <div>
            <h3>互联网+解决方案</h3>
            <p>集团、政府、教育、产品等网站需要与公众媒体，上级领导，内部员工，投资合作<br>者应聘者，消费者和供应商，子公司或下级部门等目标人群进行沟通。如何满足这<br>些人群的需求，是网站需要解决的问题。企业信息结合多年网站的建设和维护经验，推<br>出适合各行各业网站</p>
        </div>
    </div>



    <div id="content">
        <div id="left">
            <div></div>
            <img src="../images/image/website_line.png" alt="">

        </div>
        <div id="center">
            <span>网站建设流程</span>
        </div>
        <div id="right"> 
            <img src="../images/image/website_line.png" alt="">
            <div></div>
        </div>
    </div>

    <div id="content5">
        <div>
            <div>
            <h3>1.提交您的需求</h3>
            <br>
            <p>客户提出网站建设基础需求 包括：设计需求以及功能需求</p>
            </div>
            <img src="../images/picture/w_main5_1.png" alt="">
            <br><br>
            <hr>
        </div>
        <div>
            <div>
            <h3>2.项目时间预估与报价</h3>
            <br>
            <p>我们在一个工作日对客户提出的需求，做出时间预估与项目报价</p>
            </div>
            <img src="../images/picture/w_main5_2.png" alt="">
            <br><br>
            <hr>
        </div>
        <div>
            <div>
            <h3>3.达成合作意向</h3>
            <br>
            <p>在客户确认价格的基础上，我们达成合作意向，客户支付50%定金</p>
            </div>
            <img src="../images/picture/w_main5_3.png" alt="">
            <br><br>
            <hr>
        </div>
        <div>
            <div>
            <h3>4.首页设计</h3>
            <br>
            <p>根据客户设计需求，和客户充分沟通，设计出网站首页</p>
            </div>
            <img src="../images/picture/w_main5_4.png" alt="">
            <br><br>
            <hr>
        </div>
        <div>
            <div>
            <h3>5.首页确认</h3>
            <br>
            <p>客户对首页进行审核，我们根据酷虎的反馈做出调整，并最终形成确认</p>
            </div>
            <img src="../images/picture/w_main5_5.png" alt="">
            <br><br>
            <hr>
        </div>
        <div>
            <div>
            <h3>6.内页设计及确认</h3>
            <br>
            <p>依次完成内页设计提交客户进行审核，并最终形成确认</p>
            </div>
            <img src="../images/picture/w_main5_6.png" alt="">
            <br><br>
            <hr>
        </div>
        <div>
            <div>
            <h3>7.程序开发及页面测试</h3>
            <br>
            <p>根据页面和需求进行程序的开发及前后台页面的整合测试</p>
            </div>
            <img src="../images/picture/w_main5_7.png" alt="">
            <br><br>
            <hr>
        </div>

        <div>
            <div>
            <h3>8.验收阶段</h3>
            <br>
            <p>网站完成后，客户在我们的测试网站进行验收，确认支付剩余的50%余款</p>
            </div>
            <img src="../images/picture/w_main5_8.png" alt="">
            <br><br>
            <hr>
        </div>

        <div>
            <div>
            <h3>9.项目完成</h3>
            <br>
            <p>网站的源文件提供给客户，至此整个项目完成，并提供永久性的免费售后服务</p>
            </div>
            <img src="../images/picture/w_main5_9.png" alt="">
            <br><br>
            <hr>
        </div>





    </div>




    <div id="content6">
        <div id="content7">
            <h1>建站技术</h1>
            <br><br>
            <p>提供最新企业动态，分享前沿的网站建设和SEO优化干货，解读您所有的困惑</p>
        </div>

        <div id="content8">
            <button class="title">域名备案</button>
            <div></div>
            <button class="title">网页设计</button>
            <div></div>
            <button class="title">网站建设</button>
            <div></div>
            <button class="title">建站经验</button>
        </div>


        <div id="content9"  class="page">
            <div>
                <img src="../images/picture/tupian7.jpg" alt="">
                <div>
                    <h3>对于SEO网站关键词库的普及</h3><br>
                    <p>关于，对于关键词相信大家并不陌生，那么对于呢，大家可能<br>就不太了解了，那小编也为大家...</p>
                    <br>
                    <span>+阅读更多</span>
                    <span class="dataright">2022-07-05</span>
                
                </div>
                <br><br>
                <hr><br>
                <span>网站建设的知识你应该有所了解</span>
                <span class="dataright">2022-07-05</span>
            </div>
            
            <div>
                <img src="../images/picture/tupian7.jpg" alt="">
                <div>
                    <h3>分享SEO基础方面的一些小知识</h3><br>
                    <p>在做的过程中，我们可以试着在其中运用一些小技巧，这样不仅<br>能让我们去避免一些小错误</p>
                    <br>
                    <span>+阅读更多</span>
                    <span>2022-07-05</span>
                
                </div>
            </div>
        </div>

        <div id="content9"  class="page">
            <div>
                <img src="../images/picture/tupian7.jpg" alt="">
                <div>
                    <h3>对于SEO网站关键词库的普及</h3><br>
                    <p>关于，对于关键词相信大家并不陌生，那么对于呢，大家可能<br>就不太了解了，那小编也为大家...</p>
                    <br>
                    <span>+阅读更多</span>
                    <span class="dataright">2022-07-05</span>
                
                </div>
                <br><br>
                <hr><br>
                <span>网站建设的知识你应该有所了解</span>
                <span class="dataright">2022-07-05</span>
            </div>
            
            <div>
                <img src="../images/picture/tupian7.jpg" alt="">
                <div>
                    <h3>分享SEO基础方面的一些小知识</h3><br>
                    <p>在做的过程中，我们可以试着在其中运用一些小技巧，这样不仅<br>能让我们去避免一些小错误</p>
                    <br>
                    <span>+阅读更多</span>
                    <span>2022-07-05</span>
                
                </div>
            </div>




            <div>
                <img src="../images/picture/tupian7.jpg" alt="">
                <div>
                    <h3>对于SEO网站关键词库的普及</h3><br>
                    <p>关于，对于关键词相信大家并不陌生，那么对于呢，大家可能<br>就不太了解了，那小编也为大家...</p>
                    <br>
                    <span>+阅读更多</span>
                    <span class="dataright">2022-07-05</span>
                
                </div>
                <br><br>
                <hr><br>
                <span>网站建设的知识你应该有所了解</span>
                <span class="dataright">2022-07-05</span>
            </div>
            
            <div>
                <img src="../images/picture/tupian7.jpg" alt="">
                <div>
                    <h3>分享SEO基础方面的一些小知识</h3><br>
                    <p>在做的过程中，我们可以试着在其中运用一些小技巧，这样不仅<br>能让我们去避免一些小错误</p>
                    <br>
                    <span>+阅读更多</span>
                    <span>2022-07-05</span>
                
                </div>
            </div>
        </div>
        <div id="content9"  class="page">
            <div>
                <img src="../images/picture/tupian7.jpg" alt="">
                <div>
                    <h3>对于SEO网站关键词库的普及</h3><br>
                    <p>关于，对于关键词相信大家并不陌生，那么对于呢，大家可能<br>就不太了解了，那小编也为大家...</p>
                    <br>
                    <span>+阅读更多</span>
                    <span class="dataright">2022-07-05</span>
                
                </div>
                <br><br>
                <hr><br>
                <span>网站建设的知识你应该有所了解</span>
                <span class="dataright">2022-07-05</span>
            </div>
            
            <div>
                <img src="../images/picture/tupian7.jpg" alt="">
                <div>
                    <h3>分享SEO基础方面的一些小知识</h3><br>
                    <p>在做的过程中，我们可以试着在其中运用一些小技巧，这样不仅<br>能让我们去避免一些小错误</p>
                    <br>
                    <span>+阅读更多</span>
                    <span>2022-07-05</span>
                
                </div>
            </div>
        </div>

        <div id="content9"  class="page">
            <div>
                <img src="../images/picture/tupian7.jpg" alt="">
                <div>
                    <h3>对于SEO网站关键词库的普及</h3><br>
                    <p>关于，对于关键词相信大家并不陌生，那么对于呢，大家可能<br>就不太了解了，那小编也为大家...</p>
                    <br>
                    <span>+阅读更多</span>
                    <span class="dataright">2022-07-05</span>
                
                </div>
                <br><br>
                <hr><br>
                <span>网站建设的知识你应该有所了解</span>
                <span class="dataright">2022-07-05</span>
            </div>
            
            <div>
                <img src="../images/picture/tupian7.jpg" alt="">
                <div>
                    <h3>分享SEO基础方面的一些小知识</h3><br>
                    <p>在做的过程中，我们可以试着在其中运用一些小技巧，这样不仅<br>能让我们去避免一些小错误</p>
                    <br>
                    <span>+阅读更多</span>
                    <span>2022-07-05</span>
                
                </div>
            </div>
        </div>



       
     


    </div>

    <div id="content10">
        <h1>加入我们，快速提高关键词排名，让业绩翻倍</h1>
        <br>
        <button>立即加入</button>

    </div>



    <div class="footer">
        <div class="shang">
            <p style="color: #9a1726;">热门TAG</p>
            <p style="color: #8b8c9b;">seo企业网站</p>
        </div>
        <div class="last"></div>
        <div class="zhong">
            <div class="left">
                <img src="../images/picture/erweima.png" style="display: block;width: 150px;height: 150px;">
                <img src="../images/picture/weixin.png" style="margin-left: 25px; margin-top: 10px;">
                <em style="color: #8f8da8;">微信咨询</em>
            </div>
            <div class="line"></div>
            <div class="center">
                <div class="one">
                    <ul>
                        <li style="margin-bottom: 10px;"><a href="" class="first">案例中心</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">seo优化</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">整站优化</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">网站建设</a></li>
                    </ul>
                </div>
                <div class="two">
                    <ul>
                        <li style="margin-bottom: 10px;"><a href="" class="first">SEO技术</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">SEO基础</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">建站优化</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">网站优化</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">营销推广</a></li>
                    </ul>
                </div>
                <div class="three">
                    <ul>
                        <li style="margin-bottom: 10px;"><a href="" class="first">建站技术</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">域名备案</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">网页设计</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">网站建设</a></li>
                        <li style="margin-bottom: 5px;"><a href="" class="child">建站经验</a></li>
                    </ul>
                </div>
                <div class="four">
                    <ul>
                        <li style="margin-bottom: 10px;"><a href="" class="first">SEO招商</a></li>
                        <li style="margin-bottom: 10px;"><a href="" class="child">建站招商</a></li>
                        <li style="margin-bottom: 10px;"><a href="" class="child">关于我们</a></li>
                        <li style="margin-bottom: 10px;"><a href="" class="child">联系我们</a></li>
                    </ul>
                </div>
            </div>
            <div class="line" style="margin-left: 100px;"></div>
            <div class="right">
                <p>联系我们</p>
                <p class="second">400-888-8888</p>
                <div class="zixun">
                    <a href="">立即咨询</a>
                </div>
                <div class="dizhi">
                    <img src="../images/picture/dizhi.png" style="width: 30px;height: 30px;">
                    <em>南京市玄武区玄武湖</em>
                </div>
                <div class="youxiang"><img src="../images/picture/xinfeng.png" style="width: 30px;height: 30px;">
                    <em>admin@admin.com</em>
                </div>

            </div>
        </div>
        <div class="xia">Copyright◎2022测试站点本站资源来源于互联网苏ICP12345678XML地图</div>
    </div>















    <script>
        document.querySelectorAll('.nav ul li').forEach(function (li) {
            const subMenu = li.querySelector('ul');
            if (!subMenu) return;

            li.addEventListener('mouseenter', function () {
                subMenu.style.opacity = 1;
                subMenu.style.transform = 'translateY(0)';
                subMenu.style.pointerEvents = 'auto';
                subMenu.style.visibility = 'visible';
                subMenu.style.animation = 'slideDown 0.3s ease forwards';
            });

            li.addEventListener('mouseleave', function () {
                subMenu.style.animation = 'slideUp 0.3s ease forwards';
                subMenu.addEventListener('animationend', function () {
                    subMenu.style.opacity = 0;
                    subMenu.style.transform = 'translateY(-20px)';
                    subMenu.style.visibility = 'hidden';
                    subMenu.style.pointerEvents = 'none';
                    subMenu.removeEventListener('animationend', arguments.callee);
                });
            });
        });
    </script>




    <script SRC="../js/jiangzhanzhaoshang.js"></script>
</body>
</html>